<template>
    <div>
<h2>排房详情</h2>
<table class="table table-bordered">
<tr>
    <td>房号序号</td>
    <td>
        <input type="text" disabled v-model="info.orderId">
    </td>
</tr>
<tr>
    <td>房型序号</td>
    <td>
        <input type="text" disabled v-model="info.typeId">
    </td>
</tr>
<tr>
    <td>排房日期</td>
    <td>
        <input type="text" disabled v-model="info.paiTime">
    </td>
</tr>
</table>
    </div>
</template>

<script setup lang="ts">
import axios from 'axios';
import { ref, reactive, onMounted } from 'vue';
import moment from 'moment';
import { useRoute, useRouter } from 'vue-router';

let route = useRoute();
let router = useRouter();

onMounted(()=>{
    show();//显示页面信息
})

///////////////////////////////////////////////////////////////////////////////////////
let info=reactive({
    orderId:0,
    typeId:0,
    paiTime:''
});


///////////////////////////////////////////////////////////////////////
const show=()=>{
    axios({
        url:'',
        params:{id:route.query.id},
method:'get'
    })
    .then(res=>{
        info.orderId=res.data.orderId;
        info.typeId=res.data.typeId;
        info.paiTime=moment(res.data.paiTime).format('YYYY-MM-DD');
    })
}


</script>

<style scoped>

</style>